<template>
  <div class="w-full">
    <NuxtLink to="#" class="hover:[&>img]:!border-primary-500">
      <img
        class="border-muted-200 hover:shadow-muted-300/30 block w-full rounded-lg border transition-all duration-300 hover:shadow-xl dark:hidden"
        src="/img/apps/tairo-layout-collapse-collapsed.png"
        alt="Tairo collapse layout"
      />

      <img
        class="border-muted-700 hover:shadow-muted-800/30 hidden w-full rounded-lg border transition-all duration-300 hover:shadow-xl dark:block"
        src="/img/apps/tairo-layout-collapse-collapsed-dark.png"
        alt="Tairo collapse layout dark"
      />
    </NuxtLink>
  </div>
</template>
